<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="static/css/global/generic.css" rel="stylesheet" type="text/css">
<link href="static/css/page/index.css" rel="stylesheet" type="text/css">
<link href="static/css/page/submitCommodity.css" rel="stylesheet" type="text/css">
<link href="static/css/page/submitMailbox.css" rel="stylesheet" type="text/css">
<title>submitMailbox</title>
</head>
<body class="submitBg">
<!-- 顶部导航条  -->
<div class="header font en_M">
  <ul class="navigationOnHeader">
    <li><a class="fontColorWhite" href="#">国际项目 PROJECT</a></li>
    <li><a class="fontColorWhite" href="#">老外店铺 STORE</a></li>
    <li><a class="fontColorWhite" href="#">品类一览 CATEGORY</a></li>
    <li><a class="fontColorWhite" href="#">首页 INDEX</a></li>
  </ul>
  <ul>
    <li><a class="fontColorWhite" href="#">帮助</a></li>
    <li><a class="fontColorWhite" href="#">收藏</a></li>
    <li><a class="fontColorWhite" href="#">购物车</a></li>
    <li><a href="#" class="fontColorGreen">登录</a><span>&nbsp;&nbsp;&nbsp;&nbsp; <a class=" fontColorWhite" href="#">注册</a></span>
    </li>
  </ul>
</div>
<!-- 顶部导航条结束  -->

  <div class="submitHeaderBg">
  <div class="submitPageHeader contentWidth center font fontColorWhite en_M">    <!-- 后台上传商品页面 header导航部分 -->
    <ul class="submitNavigationLeft left">
      <a href="#"><li>PRODUCT</li></a>
      <a href="#"><li>PROJECT</li></a>
      <a href="#"><li>LOGISTICS</li></a>
      <a href="#"><li>ADD PRODUCT</li></a>
      <a href="#"><li>REVISE PRODUCT</li></a>
    </ul>
    <img class="submitSalerPhoto left" src="static/images/page/submitCommodity/salerPhoto.png"/>
    <ul class="submitNavigationRight right">
      <a href="#"><li>STORE INFO</li></a>
      <a href="#"><li>PERSONAL LIFE</li></a>
      <a href="#" class="submitPageActive"><li>MAIL BOX</li></a>
    </ul>
  </div>
  </div>
  
  <div class="submitFormContainer center font fontColorGray">  <!-- 表单填写部分 -->
    <form class="submitForm" action="" method="post">
      <div class="submitFormTitle hrTableBorder">CHECK YOUR MAIL BOX HERE</div>
      <table>
        <tr class="messageCategoryLine hrTableBorder">
          <td class="formLabel left">CATEGORY</td>
          <td><input type="text" name="messageCategory" class="messageCategoryDropdown dropdown dropdownWider" value="BUYER MESSAGE" readonly /><img class="formDropdownArrow" src="static/images/global/formArrow.png"/>
            <ul class="dropdownOptions">
              <li>BUYER MESSAGE</li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
          </td>
        </tr>
        
        <tr class="messageCategorySelectedLine hrTableBorder">
          <td class="formLabel left messageCategorySelectedTitle">BUYER MESSAGE</td>
          <td>
            <span>MONTH:</span>
            <input type="text" name="messageMonth" class="messageMonthDropdown dropdown dropdownShorter" value="DEC" readonly /><img class="formDropdownArrow" src="static/images/global/formArrow.png"/>
            <ul class="dropdownOptions">
              <li>JAN</li>
              <li>FEB</li>
              <li>MAR</li>
              <li>APR</li>
              <li>MAY</li>
              <li>JUN</li>
              <li>JUL</li>
              <li>AUG</li>
              <li>SEP</li>
              <li>OCT</li>
              <li>NOV</li>
              <li>DEC</li>
            </ul>
          </td>
        </tr>
        </table>
      
      <table><tr><td>
      <ul class="messageArea">
        <li>
          <div class="messageItemLeft">  <!-- 每条消息内容显示 left -->
            <div class="messageReplyBtn right">REPLY</div>
            <div class="messageDateAndId">2014-DEC-14TH 21:00<span class="messageId">ID: 木凉风</span></div>
            <div class="messageUserPhoto">
              <img/> <!-- 加载头像图片 -->
            </div>
            <div class="messageContent">
            运动必备，国内很少见的创意设计。
            运动必备，国内很少见的创意设计。
            运动必备，国内很少见的创意设计。
            运动必备，国内很少见的创意设计。
            </div>
          </div>
          
          <div class="messageItemReply">  <!-- 每条消息回复框区域 right -->
            <textarea class="messageReply" placeholder="REPLY HERE..."></textarea>
            <div class="replySendBtn">SEND</div>
          </div>
        </li>
        
        <li>
          <div class="messageItemLeft">  <!-- 每条消息内容显示 left -->
            <div class="messageReplyBtn right">REPLY</div>
            <div class="messageDateAndId">2014-DEC-14TH 21:00<span class="messageId">ID: 木凉风</span></div>
            <div class="messageUserPhoto">
              <img/> <!-- 加载头像图片 -->
            </div>
            <div class="messageContent">
            运动必备，国内很少见的创意设计。
            运动必备，国内很少见的创意设计。
            运动必备，国内很少见的创意设计。
            运动必备，国内很少见的创意设计。
            </div>
          </div>
          
          <div class="messageItemReply">  <!-- 每条消息回复框区域 right -->
            <textarea class="messageReply" placeholder="REPLY HERE..."></textarea>
            <div class="replySendBtn">SEND</div>
          </div>
        </li>
        
      </ul>
      </td></tr>
      
      <!-- message页码 -->
      <tr>
        <td>
          <ul class="pagination">
            <li>
              <a href="#" aria-label="Previous">
              <span aria-hidden="true">&laquo;</span>
              </a>
            </li>
            <li><a href="#" class="paginationActive">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
               <a href="#" aria-label="Next">
               <span aria-hidden="true">&raquo;</span>
               </a>
            </li>
          </ul>
        </td>
      </tr>
      <!-- message页码 结束 -->
      </table>
    </form>
  </div>
  <!-- 页尾 -->
<div class="bottom font">
  <div class="bottomInfoContainer contentWidth center">
    <ul class="bottomInfo">
      <li class="infoTitle">NEWBIE GUIDE</li>
      <a href=""><li class="infoItem">COMMON PROBLEMS</li></a>
      <a href=""><li class="infoItem">SHOPPING PROCESS</li></a>
      <a href=""><li class="infoItem">RETURE PROCESS</li></a>
      <a href=""><li class="infoItem">TERMS OF SERVICE</li></a>
      <a href=""><li class="infoItem">REGISTRATION</li></a>
      <a href="login.html"><li class="infoItem">LOGIN</li></a>
    </ul>
    
    <ul class="bottomInfo">
      <li class="infoTitle">PAYMENT AND DELIVERY</li>
      <a href=""><li class="infoItem">PAYMENT METHOD</li></a>
      <a href=""><li class="infoItem">DISTRIBUTION METHOD</li></a>
      <a href=""><li class="infoItem">LOGISTICS PROCESS</li></a>
      <a href=""><li class="infoItem">CUSTOMS CLEARANCE SERVICE</li></a>
    </ul>
    
    <ul class="bottomInfo">
      <li class="infoTitle">PREFERENTIAL POLICY</li>
      <a href=""><li class="infoItem">VIP SYSTEM</li></a>
      <a href=""><li class="infoItem">HELLO COIN</li></a>
      <a href=""><li class="infoItem">COUPONS</li></a>
      <a href=""><li class="infoItem">GIFT CARD</li></a>
    </ul>
    
    <ul class="bottomInfo">
      <li class="infoTitle">INFORMATION</li>
      <a href=""><li class="infoItem">ABOUT US</li></a>
      <a href=""><li class="infoItem">JOIN US</li></a>
      <a href=""><li class="infoItem">SITE MAP</li></a>
      <a href=""><li class="infoItem">HELP INFORMATION</li></a>
      <a href=""><li class="infoItem">CONTACT US</li></a>
    </ul>
    
    <ul class="bottomInfo">
      <li class="infoTitle">CUSTOMER SERVICE</li>
      <a href=""><li class="infoItem">COMPLAINT&RIGHTS</li></a>
      <a href=""><li class="infoItem">GIVE ADVICES</li></a>
    </ul>
    
    <ul class="bottomInfo">
      <li class="infoTitle">SELLER GUIDE</li>
      <a href=""><li class="infoItem">COMMON PROBLEMS</li></a>
      <a href=""><li class="infoItem">HOW TO BE A SELLER</li></a>
      <a href=""><li class="infoItem">PUNISHMENT RULES</li></a>
      <a href=""><li class="infoItem">OVERSEARS MERCHANT CENTER</li></a>
    </ul>
    
    <ul class="bottomInfo">
      <li class="infoTitle">SERVICE TELEPHONE</li>
      <li class="infoItem">400-000-0000</li>
      <li class="infoItem">09：00-22：00</li>
      <li class="infoItem">MONDAY TO FRIDAY</li>
    </ul>
    
  </div>
</div>

<!-- 页尾结束 -->
  
</body>
<script type="text/javascript" src="static/javascript/jquery.min.js"></script>
<script type="text/javascript" src="static/javascript/page/submitCommodity/submitMailbox.js"></script>
</html>